*
{
    margin:0;
    padding:0;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
}
body
{
    background-color:#F0F0F0;
}
/*---begin common---*/
.center
{
    margin:0 auto;
    width:980px;
}
.flleft
{
    float:left;
}
.flright
{
    float:right;
}
.clr
{
    clear: both;
}
.left
{
    width: 200px;
    min-height:500px;
    float:left;
}
.right
{
    width: 200px;
    min-height:500px;
    float:left;
}
.middle
{
    width: 580px;
    min-height:500px;
    float:left;
}
/*---end common---*/
#wrapper
{
    background-color:#fff;
}
#header
{
}
#section-member
{
    margin-bottom: 1px;
    padding: 5px;
}
#section-member ul
{
    display:table;
    list-style: none;
    float:right;
}
#section-member ul > li
{
    float: left;
    margin-right: 15px;
}
#section-member ul > li > a
{
    text-decoration:none;
    color:#666;
    font-weight:bold;
}
#section-member ul > li > a:hover
{
    text-decoration:underline;
}
#banner
{
    width:100%;
}
#banner img
{
    width:100%;
    height:200px;
}
#section-menu
{
    background: url('../images/bg_menu.gif') repeat;
    height:34px;
}
#menu
{
    
}
#menu ul
{
    list-style:none;
}
#menu ul > li
{
    float:left;
}
#menu ul > li.item
{
    padding:9px;
}
#menu ul > li.item > a
{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    cursor:pointer;
}
#menu ul > li.item:hover
{
    background-color:#FAFAFA;
}
#menu ul > li.item:hover > a
{
    color:#045479;
}
#menu ul > li.menu_line
{
    background:url('../images/menu_line.gif') no-repeat;
    width:2px;
    height: 32px;
}
.menu-active
{
    background-color:#FAFAFA;
}
.menu-active a
{
    color:#045479 !important;
}
.box-search
{
    display: table;
}
.box-search *
{
    float:left;
}
.search-adv
{
    background:url("../images/search_adv.gif") no-repeat;
    height: 20px;
    width: 19px;
    margin: 0 5px;
    position: relative;
    top: 5px;
    width: 19px;
    cursor:pointer;
}
.btnsearch
{
    background:url("../images/search.gif") no-repeat;
    border: medium none;
    height: 19px;
    margin-left: -2px;
    position: relative;
    top: 5px;
    width: 18px;
    cursor:pointer;
}
.txtsearch
{
    position: relative;
    top: 5px;
    background-color:#F4F4F4;
    border: medium none;
    height: 19px;
}
#content
{
    margin-top:10px;
}
.box-module
{
    padding:0 5px;
}
.module
{
    margin-bottom:10px;
}
.md-title
{
    background-color:#086794;
    height:29px;
}
.md-title h2
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px;
    text-transform: uppercase
}
.md-content
{
    padding-bottom: 10px;
    border-bottom:3px solid #D6D6D6;
}
/*---begin menu-category---*/
.menu-cate,.menu-cate ul
{
    list-style:none;   
}
.menu-cate > li
{
    border-bottom:1px solid #ccc;
    padding:6px;   
}
.menu-cate > li:last-child
{
    border-bottom:none; 
}
.menu-cate > li > a
{
    color:#6CB600;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
}
.menu-cate > li > a:hover
{
    text-decoration:underline;
}
.menu-cate ul
{
    width:98%;
}
.menu-cate ul > li
{
    border-bottom:1px dotted #6CB600;
    padding:5px;   
}
.menu-cate ul > li:last-child
{
    border-bottom:none;  
}
.menu-cate ul > li > a
{
    color:#333;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;  
    background:url("../images/list_style1.gif") no-repeat scroll 0px 5px; 
    padding-left:10px;
}
.menu-cate ul > li > a:hover
{
    text-decoration:underline;
}
/*---end menu-category---*/

/*---begin slider-top---*/
#slider-top
{
    padding:2px;
    margin-bottom: 5px;
}
#slider-top img
{
    width:100%;
    height:210px;
}
/*---end slider-top---*/
.box-prd
{
    margin-bottom:10px;
}
.prd-title
{
    background: url('../images/bg-title-prd.gif') no-repeat;
    height:24px;
    width: 580px;
}
.prd-title h3
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 8px;
    padding-top: 4px;
    text-transform: uppercase;
}
.prd-content
{
    border-left:1px solid #CAEBFA;
    border-right:1px solid #CAEBFA;
    border-bottom:1px solid #CAEBFA;
    margin-left:8px;
}
.btdetail
{
    border:1px solid #ccc;
    background-color: #fff;
    color: #0177D2;
    padding: 5px 10px;
    text-decoration:none;
    cursor:pointer;
    font-weight:bold;
    font-size:11px;
}
.btaddcard
{
    background-color: #0177D2;
    color: #fff;
    padding: 5px 10px;
    text-decoration:none;
    cursor:pointer;
    font-weight:bold;
    font-size:11px;
}
.view-prd
{
    padding-left: 10px;
    padding-top: 10px;
}
.view-prd-box
{
    float: left;
    margin-bottom: 25px;
    text-align: center;
    width: 185px;
}
.view-prd-box img
{
    height: 100px;
    width: 110px;
}
.view-prd-title
{
    margin: 3px 0;
    height:35px;
}
.view-prd-title a
{
    color: #0059D6;
    font-size: 12px;
    font-weight: bold;
    text-decoration:none
}
.view-prd-title a:hover
{
    text-decoration:underline;
}
.view-prd-price
{
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 12px;
}
.view-prd-action
{
    min-height: 30px;
}
#footer
{
    background-color: #005D89;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 21px;
    padding: 10px;
}
#footer-bottom
{
    background:url("../images/bg_footer_bottom.gif") repeat-x;
    color: #FFFFFF;
    font-size: 11px;
    padding: 8px 0;
    text-align: center;
}
#footer-bottom a
{
    color:#fff;
    text-decoration: underline;
    font-size:11px;
    font-style: italic;
}
#slider-bottom
{
    margin: 10px 3px;
}
.text-shopcart
{
    color: #333333;
    font-size: 12px;
    font-style: italic;
    padding: 5px;
    line-height:18px;
}
.data-cart h2, .data-cart h3
{
    padding:5px;
    font-weight:normal;
}
.data-cart h3 a
{
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.data-cart h3 a:hover
{
    text-decoration: underline;
}
.prd-cart-box
{
    margin:5px 0;
}
.prd-cart-img img
{
    width:50px;
    height:50px;
}
.prd-cart-dt
{
    margin-left: 5px;
    width: 135px;
}
.view-article
{
    color: #555555;
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
}
.box-detail
{
    border:1px solid #CAEBFA;
    padding:10px;
}
.prd-dt-left
{
    margin-right: 20px; 
    margin-bottom:20px;
}
.prd-dt-left img
{
    width:210px;
    height:160px;
    padding:2px;
}
.prd-dt-right
{
    margin:15px 0;
}
.prd-dt-right h3
{
    margin-bottom:10px;
    font-size:14px;
    color:#7A7677;
}
.value-prd
{
    line-height:22px;
}
.value-prd span
{
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 8px;
    text-align: right;
    width: 120px;
}
.value-prd b
{
    color:red;
}
.des-prd
{
    color: #333333;
    line-height: 18px;
    padding: 5px;
}
.des-prd-tt
{
    color: #999999;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.box-contact
{
    margin-top: 10px;
    padding: 5px;
}
.contact-item
{
    min-height:30px;
}
.contact-item span
{
    display: block;
    float: left;
    width: 110px;
}
.contact-item span b
{
    color:red;
}
.contact-item input[type="text"],.contact-item textarea
{
    border:1px solid #ccc;
    padding:2px;
    width:250px;
}
.contact-act
{
    margin-left: 109px;
    margin-top: 15px;
}
.bt-contact
{
    min-width:60px;
}
.color_error
{
    color:red;
}
.contact-error
{
    margin-left:109px;
    margin-bottom:5px;
}
.box-news
{
    padding: 10px 0;
    border-bottom:1px dotted #ccc;
}
.news-left img 
{
    border:none;
    width:120px;
    height:80px;
}
.news-right
{
    margin-left: 10px;
    width: 420px;
}
.news-right h3
{
    margin-bottom: 2px;
}
.news-right h3 a
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    cursor:pointer;
    color:#565656;
}
.news-right h3 a:hover
{
    text-decoration: underline;
}
.news-right p
{
    color: #555555;
    font-size: 12px;
}
.news-dt-title
{
    color: #555555;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0;
}
.news-dt-content
{
    line-height:20px;
    color: #555555;
    font-size: 12px;
}
.lk-prd
{
    color:#7A7677;
    text-decoration:none;
}
.lk-prd:hover
{
    text-decoration:underline;
}
.news-left-hot img
{
    border:none;
    width:60px;
    height:45px;
}
.news-right-hot
{
    margin-left: 5px;
    width: 125px;
}
.news-right-hot h3 a
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    cursor:pointer;
    color:#565656;
}
.news-right-hot h3 a:hover
{
    text-decoration: underline;
}
.widget-btn
{
    float:right;
    font-size:11px;
    margin:0 5px;
    cursor:pointer;
}
.name-prd-cart
{
    min-height: 35px;
}
.name-prd-cart a
{
    text-decoration:none;
    color: #333333;
    cursor:pointer;
    font-weight:bold;
}
.name-prd-cart a:hover
{
    text-decoration:underline;
}
#notice-add-cart
{
    position:fixed;
    bottom:0;
    right:0;
    border:1px solid #fff;
}
.n-a-c-title
{
    height:25px;
    background-color:#EEEDED;
}
.n-a-c-content
{
    background-color:#F3F2F2;
    padding:15px;
    text-align:center;
}
.volume
{
    text-align:center;
    width: 50px;
}
.box-cart-dt
{
    padding: 5px;
}
.box-cart-dt h1
{
    font-size: 15px;
    margin-bottom: 15px;
}
.tbl-cart-dt
{
    width:100%;
    border-top: 1px solid #086794;
    border-left: 1px solid #086794;
}
.tbl-cart-dt th
{
    background-color:#6EB800;
}
.tbl-cart-dt th,.tbl-cart-dt td
{
    border-right: 1px solid #086794;
    border-bottom: 1px solid #086794;
    padding:3px;
    text-align:center;
}
.act-cart-dt
{
    margin:10px 0;
    text-align:right;
}
.align-left
{
    text-align:left !important;
}
.align-right
{
    text-align:right !important;
}
.no-bd-right
{
    border-right:none !important;
}
.color_price
{
    color:red;
    font-weight:bold;
}
.box-order
{
}
.title-order
{
    border:1px solid #086794;
    padding:5px;
}
.title-order h2
{
    font-size:14px;
    color:#333;
}
.content-order
{
    padding:5px;
}
.ct-order-box
{
    margin-bottom:10px;
}
.ct-order-box h3
{
    font-size:13px;
    margin-bottom:5px;
}
.ct-order-box p
{
    margin-bottom:15px;
}
.ct-order-form
{
    text-align:center;
}
.login-form-fe
{
    padding: 30px 0;
    padding-left:85px;
}
.rows-form-lg
{
    margin-bottom:8px;
}
.rows-form-lg span
{
    display: block;
    float: left;
    text-align: right;
    width: 120px;
    margin-right:10px;
    top: 3px;
    position:relative;
}
.rows-form-lg input[type="text"], .rows-form-lg input[type="password"]
{
    width:180px;
    padding:2px;
}
#login-frm
{ 
    width:350px;
    text-align:left;
}
.rows-form-lg a
{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}
.rows-form-lg a:hover
{
    color:#333;
    text-decoration:underline;
}
.error-login
{
    color: red;
    margin-bottom: 2px;
    padding-left: 87px;
}
.info-order
{
    padding-bottom:5px;
}
.info-row-order
{
    margin-bottom:5px;
}
.info-row-order span
{
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 110px;
    position:relative;
    top:3px;
}
.info-row-order span b
{
    color:red;
}
.info-row-order input[type="text"]
{
    border: 1px solid #CCCCCC;
    padding: 2px;
    width: 180px;
}
.info-row-order select
{
    border: 1px solid #CCCCCC;
    padding: 3px;
    width: 186px;
}
hr
{
    margin:10px 0;
    color:#FAFAFA;
}
.form-payment
{
    line-height: 20px;
}
.description-payment
{
    margin-top:10px;
    background-color: #DAEEF3;
    border: 1px solid #B8CCE4;
    padding:5px;
}
.message-order
{
    padding:5px 0;
}
.message-order textarea
{
    width:99%;
}
.action-order
{
    text-align:right;
}
.action-order
{
    margin:5px 0;
}